<template>
    <div class="container">
        <h2>哎呀！页面未找到</h2>
        <h1>404</h1>
        <p>我们找不到您要查找的页面</p>
        <button type="button" class="button-apply" @click="goBack()">返回</button>
    </div>
</template>

<script>
export default {
    data() {
        return {

        }
    },
    methods: {
        goBack() {
            this.$router.go(-1);
        }
    }
}
</script>

<style lang="less" scoped>
@import url('../style/apply/apply1.css');

.container {
    width: 100vw;
    height: 100vh;
    text-align: center;
    color: #343434;
    border-radius: 0;

    h1 {
        font-size: 160px;
        margin: 0;
        font-weight: 900;
        letter-spacing: 20px;
        color: #209978;
    }

    .button-apply {
        position: absolute;
        bottom: 50%;
        /* 垂直居中 */
        left: 50%;
        /* 水平居中 */
        transform: translate(-50%, -50%);
        /* 使用 transform 属性水平垂直居中 */
    }
}
</style>